<!DOCTYPE html>
<html>
  <head>
    <title>PieMoment</title>
    <meta charset='UTF-8'/>
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
    <link rel='stylesheet' href='{{asset("DC/svn/trunk/stylesheet/font-awesome/css/font-awesome.min.css")}}'>
    <link rel='stylesheet' href='{{asset("DC/svn/trunk/stylesheet/pie.css")}}'>
    <script src='{{asset("DC/svn/trunk/javascript/jquery-1.9.1.min.js")}}'></script>
    <script src='{{asset("DC/svn/trunk/javascript/jquery.color.js")}}'></script>
    <script src='{{asset("DC/svn/trunk/javascript/pie.js")}}'></script>
  </head>
  <body onresize='pie.resize()'>
    <div id='pie'>
      <div id='pieLoginPageHeader' class='pieHeader'>
        <img src='{{asset("DC/svn/trunk/image/pieLogo.png")}}' width='120'/>
      </div>
      <div id='pieRegPageHeader' class='pieHeader'>
        <div class='headerLeft' onclick='pie.page.pieLoginPage.show()'>返回</div>
        <div class='headerCenter'>注册</div>
      </div>
      <div id='pieActivatePageHeader' class='pieHeader'>
        <div class='headerLeft' onclick='pie.page.pieLoginPage.show()'>返回</div>
        <div class='headerCenter'>激活</div>
      </div>
      <div id='pieMatchPageHeader' class='pieHeader'>
        <div class='headerLeft'></div>
        <div class='headerCenter'>PieMoment</div>
      </div>
      <div id='pieBody'>
        <div id='indexPage' class='piePage'>
        </div>
        <div id="pieLoginPage" class="piePage">
          <div class='formArea'>
            <div class="formItem formInputItem">
              <input type="text" class='itemInput' placeholder="邮箱/用户名/手机号" id="pieLoginAccountInput"/>
            </div>
            <div class="formItem formInputItem">
              <input type="password" class='itemInput' placeholder='密码' id="pieLoginPasswordInput"/>
            </div>
            <div class="formItem formInputItem">
              <input type='submit' class='itemSubmit' value='登录' onclick="pie.page.pieLoginPage.submit()"/>
            </div>
            <div class="formItem formInfoItem">
              <span id='findBackPassword' onclick='pie.page.findBackPasswordPage.show()'>忘记密码？</span>
              <span id='doRegNow' onclick='pie.page.pieRegPage.show()'>立即注册</span>
            </div>
          </div>
        </div>
        <div id='pieRegPage' class='piePage'>
          <div class='formArea'>
            <div class='formTitle'>
              为了保证用户真实，需要手机验证，不会对外显示
            </div>
            <div class='formItem formInputItem'>
              <input type='text' class='itemInput' placeholder='手机号' id='pieRegMobileInput'/>
            </div>
            <div class='formItem formInputItem'>
              <input type='text' class='itemInput' placeholder='邮箱' id='pieRegEmailInput'/>
            </div>
            <div class='formItem formInputItem'>
              <input type='password' class='itemInput' placeholder='密码' id='pieRegPasswordInput'/>
            </div>
            <div class='formItem formInputItem'>
              <input type='password' class='itemInput' placeholder='密码确认' id='pieRegPasswordRepeatInput'/>
            </div>
          </div>
          <div class='formItem formInputItem'>
            <input type='submit' class='itemSubmit' value='确定' onclick='pie.page.pieRegPage.submit()'/>
          </div>
        </div>
        <div id='pieActivatePage' class='piePage'>
          <div class='formArea'>
            <div class='formTitle'>
              请输入您收到的激活码
            </div>
            <div class='formItem formInputItem'>
              <input type='text' class='itemInput' placeholder='激活码' id='pieActivateInput'/>
            </div>
          </div>
          <div class='formItem formInputItem'>
            <input type='submit' class='itemSubmit' value='确定' onclick='pie.page.pieActivatePage.submit()'/>
          </div>
        </div>
        <div id='pieMatchPage' class='piePage'>
          <div class='pageHeader'>
            <div id='mateHead' onclick='pie.page.mateHomePage.show()'></div>
          </div>
          <div class='pageBody'>
            <div id='pieMatchInfoBox'>
              今日尚无配对，距离下次配对还剩
            </div>
            <div id='countDown'>
              <div id='countDownHour' class='countDownNum'>5</div>
              <div class='countDownColon'>:</div>
              <div id='countDownMinute' class='countDownNum'>13</div>
              <div class='countDownColon'>:</div>
              <div id='countDownSecond' class='countDownNum'>24</div>
            </div>
          </div>
          <div class='pageFooter'>
            <div id='userHead' onclick='pie.page.userHomePage.show()'></div>
          </div>
        </div>
        <div id='userHomePage' class='piePage'>
          <div class='homeBody'>
            <div id='userInfo'></div>
          </div>
          <div class='homeFooter'>
            <div class="pageNav" onclick="pie.page.userDetailPage.show()">
              <div class="ta-menuicon">
                <div title="详情" class="the-icons">
                  <i class="icon-home "></i>
                </div>
              </div>
              <div class="ta-menudes">详情</div>
            </div>
            <div class="pageNav" onclick="pie.page.userTestIndexPage.show()">
              <div class="ta-menuicon">
                <div title="测试" class="the-icons">
                  <i class="icon-home "></i>
                </div>
              </div>
              <div class="ta-menudes">测试</div>
            </div>
            <div class="pageNav" onclick="pie.page.userQAPage.show()">
              <div class="ta-menuicon">
                <div title="问答" class="the-icons">
                  <i class="icon-home "></i>
                </div>
              </div>
              <div class="ta-menudes">问答</div>
            </div>
            <div class="pageNav" onclick="pie.page.userMessagePage.show()">
              <div class="ta-menuicon">
                <div title="消息" class="the-icons">
                  <i class="icon-home "></i>
                </div>
              </div>
              <div class="ta-menudes">消息</div>
            </div>
            <div class="pageNav" onclick="pie.page.userSettingPage.show()">
              <div class="ta-menuicon">
                <div title="设置" class="the-icons">
                  <i class="icon-home "></i>
                </div>
              </div>
              <div class="ta-menudes">设置</div>
            </div>
            <div class="pageNav" onclick="pie.page.userHomePage.show()">
              <div class="ta-menuicon">
                <div title="返回" class="the-icons">
                  <i class="icon-home "></i>
                </div>
              </div>
              <div class="ta-menudes">返回</div>
            </div>
          </div>
        </div>
        <div id='userDetailPage' class='piePage'>
          <div id='userPhotoArea'>
          </div>
          <div>
            <div id='personInfoNav'>个人详情</div>
            <div id='expectationNav'>希望的ta</div>
          </div>
          <div id='personInfo'>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoNicknameInput"><i class="icon-user"></i>昵称:</label>
              <input type="text" id="userInfoNicknameInput" onchange="pie.page.userDetail.changeInfo(this)"/>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoSexInput"><i class="icon-adjust"></i>性别:</label>
              <select id="userInfoSexInput" onchange="pie.page.userDetail.changeInfo(this)">
                <option value="1">男</option>
                <option value="0">女</option>
              </select>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoSurnameInput"><i class="icon-user"></i>姓:</label>
              <input type="text" id="userInfoSurnameInput" onchange="pie.page.userDetail.changeInfo(this)"/>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoFirstnameInput"><i class="icon-user"></i>名:</label>
              <input type="text" id="userInfoFirstnameInput" onchange="pie.page.userDetail.changeInfo(this)"/>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoCurrentLocationInput"><i class="icon-map-marker"></i>住址:</label>
              <input type='text' id="userInfoCurrentLocationInput" onchange="pie.page.userDetail.changeInfo(this)"/>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoBirthdayInput"><i class="icon-calendar"></i>生日:</label>
              <input type="date" id="userInfoBirthdayInput" value="1985-01-01" onchange="pie.page.userDetail.changeInfo(this)"/>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoHeightInput"><i class="icon-resize-vertical"></i>身高:</label>
              <select id="userInfoHeightInput" onchange="pie.page.userDetail.changeInfo(this)">
                <option value="" disabled="disabled">请选择您的身高</option><option value="154">154cm及以下</option><option value="155">155cm</option><option value="156">156cm</option><option value="157">157cm</option><option value="158">158cm</option><option value="159">159cm</option><option value="160">160cm</option><option value="161">161cm</option><option value="162">162cm</option><option value="163">163cm</option><option value="164">164cm</option><option value="165">165cm</option><option value="166">166cm</option><option value="167">167cm</option><option value="168">168cm</option><option value="169" selected="selected">169cm</option><option value="170">170cm</option><option value="171">171cm</option><option value="172">172cm</option><option value="173">173cm</option><option value="174">174cm</option><option value="175">175cm</option><option value="176">176cm</option><option value="177">177cm</option><option value="178">178cm</option><option value="179">179cm</option><option value="180">180cm</option><option value="181">181cm</option><option value="182">182cm</option><option value="183">183cm</option><option value="184">184cm</option><option value="185">185cm</option><option value="186">186cm</option><option value="187">187cm</option><option value="188">188cm</option><option value="189">189cm</option><option value="190">190cm</option><option value="191">191cm</option><option value="192">192cm</option><option value="193">193cm</option><option value="194">194cm</option><option value="195">195cm</option><option value="196">196cm</option><option value="197">197cm</option><option value="198">198cm</option><option value="199">199cm</option><option value="200">200cm</option><option value="201">201cm</option><option value="202">202cm</option><option value="203">203cm</option><option value="204">204cm</option><option value="205">205cm</option><option value="206">206cm</option><option value="207">207cm</option><option value="208">208cm</option><option value="209">209cm</option><option value="210">210cm</option><option value="211">211cm及以上</option>
              </select>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoWeightInput"><i class="icon-resize-horizontal"></i>体重:</label>
              <select id="userInfoWeightInput" onchange="pie.page.userDetail.changeInfo(this)">
                <option value="" disabled="disabled">选择您的体重</option><option value="39">39kg及以下</option><option value="40">40kg</option><option value="41">41kg</option><option value="42">42kg</option><option value="43">43kg</option><option value="44" selected="selected">44kg</option><option value="45">45kg</option><option value="46">46kg</option><option value="47">47kg</option><option value="48">48kg</option><option value="49">49kg</option><option value="50">50kg</option><option value="51">51kg</option><option value="52">52kg</option><option value="53">53kg</option><option value="54">54kg</option><option value="55">55kg</option><option value="56">56kg</option><option value="57">57kg</option><option value="58">58kg</option><option value="59">59kg</option><option value="60">60kg</option><option value="61">61kg</option><option value="62">62kg</option><option value="63">63kg</option><option value="64">64kg</option><option value="65">65kg</option><option value="66">66kg</option><option value="67">67kg</option><option value="68">68kg</option><option value="69">69kg</option><option value="70">70kg</option><option value="71">71kg</option><option value="72">72kg</option><option value="73">73kg</option><option value="74">74kg</option><option value="75">75kg</option><option value="76">76kg</option><option value="77">77kg</option><option value="78">78kg</option><option value="79">79kg</option><option value="80">80kg</option><option value="81">81kg</option><option value="82">82kg</option><option value="83">83kg</option><option value="84">84kg</option><option value="85">85kg</option><option value="86">86kg</option><option value="87">87kg</option><option value="88">88kg</option><option value="89">89kg</option><option value="90">90kg</option><option value="91">91kg</option><option value="92">92kg</option><option value="93">93kg</option><option value="94">94kg</option><option value="95">95kg</option><option value="96">96kg</option><option value="97">97kg</option><option value="98">98kg</option><option value="99">99kg</option><option value="100">100kg</option><option value="101">101kg</option><option value="102">102kg</option><option value="103">103kg</option><option value="104">104kg</option><option value="105">105kg</option><option value="106">106kg</option><option value="107">107kg</option><option value="108">108kg</option><option value="109">109kg</option><option value="110">110kg</option><option value="111">111kg</option><option value="112">112kg</option><option value="113">113kg</option><option value="114">114kg</option><option value="115">115kg</option><option value="116">116kg</option><option value="117">117kg</option><option value="118">118kg</option><option value="119">119kg</option><option value="120">120kg</option><option value="121">121kg</option><option value="122">122kg</option><option value="123">123kg</option><option value="124">124kg</option><option value="125">125kg</option><option value="126">126kg</option><option value="127">127kg</option><option value="128">128kg</option><option value="129">129kg</option><option value="130">130kg及以上</option>
              </select>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoSchoolInput"><i class="icon-user"></i>学校:</label>
              <input type="text" id="userInfoSchoolInput" onchange="pie.page.userDetail.changeInfo(this)"/>
            </div>
            <div class="userInfoItem">
              <label class="pieLabel" for="userInfoDegreeInput"><i class="icon-user"></i>学历:</label>
              <select id="userInfoDegreeInput" onchange="pie.page.userDetail.changeInfo(this)">
                <option value="" disabled="disabled">请选择专业</option><option value="专科">专科</option><option value="本科" selected="selected">本科</option><option value="硕士">硕士</option><option value="博士">博士</option>
              </select>
            </div>
          </div>
          <div id='expectation'></div>
        </div>
        <div id='userTestIndexPage' class='piePage'>
        </div>
        <div id='userQAPage' class='piePage'>
        </div>
        <div id='userPhotoPage' class='piePage'>
        </div>
        <div id='userSettingPage' class='piePage'>
        </div>
        <div id='mateHomePage' class='piePage'>
        </div>
      </div>
      <div id='pieLoginPageFooter' class='pieFooter'>
        页脚
      </div>
    </div>
  </body>
</html>